<?php
    if(!function_exists('parse_padding')){
        function parse_padding($source)
        {
            $length  = strlen(strval(count($source['source']) + $source['first']));
            return 40 + ($length - 1) * 8;
        }
    }

    if(!function_exists('parse_class')){
        function parse_class($name)
        {
            $names = explode('\\', $name);
            return '<abbr title="'.$name.'">'.end($names).'</abbr>';
        }
    }

    if(!function_exists('parse_file')){
        function parse_file($file, $line)
        {
            return '<a class="toggle" title="'."{$file} line {$line}".'">'.basename($file)." line {$line}".'</a>';
        }
    }

    if(!function_exists('parse_args')){
        function parse_args($args)
        {
            $result = [];

            foreach ($args as $key => $item) {
                switch (true) {
                    case is_object($item):
                        $value = sprintf('<em>object</em>(%s)', parse_class(get_class($item)));
                        break;
                    case is_array($item):
                        if(count($item) > 3){
                            $value = sprintf('[%s, ...]', parse_args(array_slice($item, 0, 3)));
                        } else {
                            $value = sprintf('[%s]', parse_args($item));
                        }
                        break;
                    case is_string($item):
                        if(strlen($item) > 20){
                            $value = sprintf(
                                '\'<a class="toggle" title="%s">%s...</a>\'',
                                htmlentities($item),
                                htmlentities(substr($item, 0, 20))
                            );
                        } else {
                            $value = sprintf("'%s'", htmlentities($item));
                        }
                        break;
                    case is_int($item):
                    case is_float($item):
                        $value = $item;
                        break;
                    case is_null($item):
                        $value = '<em>null</em>';
                        break;
                    case is_bool($item):
                        $value = '<em>' . ($item ? 'true' : 'false') . '</em>';
                        break;
                    case is_resource($item):
                        $value = '<em>resource</em>';
                        break;
                    default:
                        $value = htmlentities(str_replace("\n", '', var_export(strval($item), true)));
                        break;
                }

                $result[] = is_int($key) ? $value : "'{$key}' => {$value}";
            }

            return implode(', ', $result);
        }
    }
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>系统发生错误</title>
    <meta name="robots" content="noindex,nofollow" />
    <?php if(\think\facade\App::isDebug()) { ?>
        <style>
            /* Base */
            body {
                color: #333;
                font: 16px Verdana, "Helvetica Neue", helvetica, Arial, 'Microsoft YaHei', sans-serif;
                margin: 0;
                padding: 0 20px 20px;
            }
            h1{
                margin: 10px 0 0;
                font-size: 28px;
                font-weight: 500;
                line-height: 32px;
            }
            h2{
                color: #4288ce;
                font-weight: 400;
                padding: 6px 0;
                margin: 6px 0 0;
                font-size: 18px;
                border-bottom: 1px solid #eee;
            }
            h3{
                margin: 12px;
                font-size: 16px;
                font-weight: bold;
            }
            abbr{
                cursor: help;
                text-decoration: underline;
                text-decoration-style: dotted;
            }
            a{
                color: #868686;
                cursor: pointer;
            }
            a:hover{
                text-decoration: underline;
            }
            .line-error{
                background: #f8cbcb;
            }

            .echo table {
                width: 100%;
            }

            .echo pre {
                padding: 16px;
                overflow: auto;
                font-size: 85%;
                line-height: 1.45;
                background-color: #f7f7f7;
                border: 0;
                border-radius: 3px;
                font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
            }

            .echo pre > pre {
                padding: 0;
                margin: 0;
            }
        
            /* Exception Info */
            .exception {
                margin-top: 20px;
            }
            .exception .message{
                padding: 12px;
                border: 1px solid #ddd;
                border-bottom: 0 none;
                line-height: 18px;
                font-size:16px;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                font-family: Consolas,"Liberation Mono",Courier,Verdana;
            }

            .exception .code{
                float: left;
                text-align: center;
                color: #fff;
                margin-right: 12px;
                padding: 16px;
                border-radius: 4px;
                background: #999;
            }
            .exception .source-code{
                padding: 6px;
                border: 1px solid #ddd;

                background: #f9f9f9;
                overflow-x: auto;

            }
            .exception .source-code pre{
                margin: 0;
            }
            .exception .source-code pre ol{
                margin: 0;
                color: #4288ce;
                display: inline-block;
                min-width: 100%;
                box-sizing: border-box;
            font-size:14px;
                font-family: "Century Gothic",Consolas,"Liberation Mono",Courier,Verdana;
                padding-left: <?php echo (isset($source) && !empty($source)) ? parse_padding($source) : 40;  ?>px;
            }
            .exception .source-code pre li{
                border-left: 1px solid #ddd;
                height: 18px;
                line-height: 18px;
            }
            .exception .source-code pre code{
                color: #333;
                height: 100%;
                display: inline-block;
                border-left: 1px solid #fff;
            font-size:14px;
                font-family: Consolas,"Liberation Mono",Courier,Verdana;
            }
            .exception .trace{
                padding: 6px;
                border: 1px solid #ddd;
                border-top: 0 none;
                line-height: 16px;
            font-size:14px;
                font-family: Consolas,"Liberation Mono",Courier,Verdana;
            }
            .exception .trace ol{
                margin: 12px;
            }
            .exception .trace ol li{
                padding: 2px 4px;
            }
            .exception div:last-child{
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
            }

            /* Exception Variables */
            .exception-var table{
                width: 100%;
                margin: 12px 0;
                box-sizing: border-box;
                table-layout:fixed;
                word-wrap:break-word;            
            }
            .exception-var table caption{
                text-align: left;
                font-size: 16px;
                font-weight: bold;
                padding: 6px 0;
            }
            .exception-var table caption small{
                font-weight: 300;
                display: inline-block;
                margin-left: 10px;
                color: #ccc;
            }
            .exception-var table tbody{
                font-size: 13px;
                font-family: Consolas,"Liberation Mono",Courier;
            }
            .exception-var table td{
                padding: 0 6px;
                vertical-align: top;
                word-break: break-all;
            }
            .exception-var table td:first-child{
                width: 28%;
                font-weight: bold;
                white-space: nowrap;
            }
            .exception-var table td pre{
                margin: 0;
            }

            /* Copyright Info */
            .copyright{
                margin-top: 24px;
                padding: 12px 0;
                border-top: 1px solid #eee;
            }

            /* SPAN elements with the classes below are added by prettyprint. */
            pre.prettyprint .pln { color: #000 }  /* plain text */
            pre.prettyprint .str { color: #080 }  /* string content */
            pre.prettyprint .kwd { color: #008 }  /* a keyword */
            pre.prettyprint .com { color: #800 }  /* a comment */
            pre.prettyprint .typ { color: #606 }  /* a type name */
            pre.prettyprint .lit { color: #066 }  /* a literal value */
            /* punctuation, lisp open bracket, lisp close bracket */
            pre.prettyprint .pun, pre.prettyprint .opn, pre.prettyprint .clo { color: #660 }
            pre.prettyprint .tag { color: #008 }  /* a markup tag name */
            pre.prettyprint .atn { color: #606 }  /* a markup attribute name */
            pre.prettyprint .atv { color: #080 }  /* a markup attribute value */
            pre.prettyprint .dec, pre.prettyprint .var { color: #606 }  /* a declaration; a variable name */
            pre.prettyprint .fun { color: red }  /* a function name */
        </style>
    <?php }else{ ?>
        <style>
            @charset "utf-8";
            * {
                word-wrap:break-word
            }
            html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset {
                color:#666;
                margin:0;
                padding:0;
                font-weight: normal;
            }
            ul,ol,dl {
                list-style-type:none
            }
            html,body {
                *position:static
            }
            html {
                font-family:sans-serif;
                -webkit-text-size-adjust:100%;
                -ms-text-size-adjust:100%
            }
            address,caption,cite,code,dfn,em,th,var {
                font-style:normal;
                font-weight:400
            }
            input,button,textarea,select,optgroup,option {
                font-family:inherit;
                font-size:inherit;
                font-style:inherit;
                font-weight:inherit
            }
            input,button {
                overflow:visible;
                vertical-align:middle;
                outline:none
            }
            body,th,td,button,input,select,textarea {
                font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
                font-size:12px;
                color:#333;
                -webkit-font-smoothing:antialiased;
                -moz-osx-font-smoothing:grayscale
            }
            body {
                line-height:1.6;
                background: #7395ff;
            }
            h1,h2,h3,h4,h5,h6 {
                font-size:100%
            }
            table {
                border-collapse: collapse;
                border-spacing: 0;
            }
            a,area {
                outline:none;
                blr:expression(this.onFocus=this.blur())
            }
            a {
                text-decoration:none;
                cursor:pointer
            }
            a:hover {
                text-decoration:none;
                outline:none
            }
            a.ie6:hover {
                zoom:1
            }
            a:focus {
                outline:none
            }
            a:hover,a:active {
                outline:none
            }
            :focus {
                outline:none
            }
            sub,sup {
                vertical-align:baseline
            }
            button,input[type="button"],input[type="submit"] {
                line-height:normal !important;
            }
            /*img*/
            img {
                border:0;
                vertical-align:middle
            }
            a img,img {
                -ms-interpolation-mode:bicubic
            }
            .img-responsive {
                max-width:100%;
                height:auto
            }
            .clears{ 
                clear:both;
            }
            /*IE下a:hover 背景闪烁*/
            *html {
                overflow:-moz-scrollbars-vertical;
                zoom:expression(function(ele) {
                ele.style.zoom = "1";
                document.execCommand("BackgroundImageCache",false,true)
            }
            (this))}/*HTML5 reset*/
            header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend {
                display:block;
                margin:0;
                padding:0
            }
            time {
                display:inline
            }
            audio,canvas,video {
                display:inline-block;
                *display:inline;
                *zoom:1
            }
            audio:not([controls]) {
                display:none
            }
            legend {
                width:100%;
                margin-bottom:20px;
                font-size:21px;
                line-height:40px;
                border:0;
                border-bottom:1px solid #e5e5e5
            }
            legend small {
                font-size:15px;
                color:#999
            }
            svg:not(:root) {
                overflow:hidden
            }
            fieldset {
                border-width:0;
                padding:0.35em 0.625em 0.75em;
                margin:0 2px;
                border:1px solid #c0c0c0
            }
            input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
                height:auto
            }
            input[type="search"] {
                -webkit-appearance:textfield;
                /* 1 */-moz-box-sizing:content-box;
                -webkit-box-sizing:content-box;
                /* 2 */box-sizing:content-box
            }
            input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
                -webkit-appearance:none
            }
            /*
                Name:style_clearfix
                Example:class="clearfix|cl"
                Explain:Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
            */
            .cl:after,.clearfix:after {
                content:".";
                display:block;
                height:0;
                clear:both;
                visibility:hidden
            }
            .cl,.clearfix {
                zoom:1
            }
            .fl{
                float: left;
            }
            .fr{
                float: right;
            }
            /*a {
                transition: all 0.6s ease;
                -webkit-transition: all 0.6s ease;
                -moz-transition: all 0.6s ease;
                -ms-transition: all 0.6s ease;
            }*/
            @charset "utf-8";
            .system{
                    width: 1100px;
                margin: 0 auto;
                text-align: center;
                padding-top: 140px;
            }
            .system img{
                text-align: center;
                    width: 500px;
            }
            .title{
                
            }
            .title h2{
                color: #fff;
                font-size: 36px;
                letter-spacing: 4px;
                text-align: center;
                line-height: 120px;
            }
            .title h4
            {
                    color: #fff;
                font-size: 18px;
                /* font-weight: bold; */
                line-height: 38px;
                text-align: center;
            }
        </style>
    <?php }?>

</head>
<body>
    <div class="echo">
        <?php echo $echo;?>
    </div>
    <?php if(\think\facade\App::isDebug()) { ?>
    <div class="exception">
    <div class="message">
        
            <div class="info">
                <div>
                    <h2>[<?php echo $code; ?>]&nbsp;<?php echo sprintf('%s in %s', parse_class($name), parse_file($file, $line)); ?></h2>
                </div>
                <div><h1><?php echo nl2br(htmlentities($message)); ?></h1></div>
            </div>
        
    </div>
	<?php if(!empty($source)){?>
        <div class="source-code">
            <pre class="prettyprint lang-php"><ol start="<?php echo $source['first']; ?>"><?php foreach ((array) $source['source'] as $key => $value) { ?><li class="line-<?php echo $key + $source['first']; ?>"><code><?php echo htmlentities($value); ?></code></li><?php } ?></ol></pre>
        </div>
	<?php }?>
        <div class="trace">
            <h2>Call Stack</h2>
            <ol>
                <li><?php echo sprintf('in %s', parse_file($file, $line)); ?></li>
                <?php foreach ((array) $trace as $value) { ?>
                <li>
                <?php 
                    // Show Function
                    if($value['function']){
                        echo sprintf(
                            'at %s%s%s(%s)', 
                            isset($value['class']) ? parse_class($value['class']) : '',
                            isset($value['type'])  ? $value['type'] : '', 
                            $value['function'], 
                            isset($value['args'])?parse_args($value['args']):''
                        );
                    }

                    // Show line
                    if (isset($value['file']) && isset($value['line'])) {
                        echo sprintf(' in %s', parse_file($value['file'], $value['line']));
                    }
                ?>
                </li>
                <?php } ?>
            </ol>
        </div>
    </div>
    <?php } else { ?>
    <div class="system">
        <!-- <img src="/public/tpl/500.gif"/> -->
        <div class="title">
            <h2><?php echo htmlentities($message); ?></h2>
        </div>	
    </div>
    <?php } ?>
    
    <?php if(!empty($datas)){ ?>
    <div class="exception-var">
        <h2>Exception Datas</h2>
        <?php foreach ((array) $datas as $label => $value) { ?>
        <table>
            <?php if(empty($value)){ ?>
            <caption><?php echo $label; ?><small>empty</small></caption>
            <?php } else { ?>
            <caption><?php echo $label; ?></caption>
            <tbody>
                <?php foreach ((array) $value as $key => $val) { ?>
                <tr>
                    <td><?php echo htmlentities($key); ?></td>
                    <td>
                        <?php 
                            if(is_array($val) || is_object($val)){ 
                                echo htmlentities(json_encode($val, JSON_PRETTY_PRINT));
                            } else if(is_bool($val)) { 
                                echo $val ? 'true' : 'false';
                            } else if(is_scalar($val)) {
                                echo htmlentities($val);
                            } else {
                                echo 'Resource';
                            }
                        ?>
                    </td>
                </tr>
                <?php } ?>
            </tbody>
            <?php } ?>
        </table>
        <?php } ?>
    </div>
    <?php } ?>

    <?php if(!empty($tables)){ ?>
    <div class="exception-var">
        <h2>Environment Variables</h2>
        <?php foreach ((array) $tables as $label => $value) { ?>
        <table>
            <?php if(empty($value)){ ?>
            <caption><?php echo $label; ?><small>empty</small></caption>
            <?php } else { ?>
            <caption><?php echo $label; ?></caption>
            <tbody>
                <?php foreach ((array) $value as $key => $val) { ?>
                <tr>
                    <td><?php echo htmlentities($key); ?></td>
                    <td>
                        <?php 
                            if(is_array($val) || is_object($val)){ 
                                echo htmlentities(json_encode($val, JSON_PRETTY_PRINT));
                            } else if(is_bool($val)) { 
                                echo $val ? 'true' : 'false';
                            } else if(is_scalar($val)) {
                                echo htmlentities($val);
                            } else {
                                echo 'Resource';
                            }
                        ?>
                    </td>
                </tr>
                <?php } ?>
            </tbody>
            <?php } ?>
        </table>
        <?php } ?>
    </div>
    <?php } ?>

    
    <?php if(\think\facade\App::isDebug()) { ?>
    <script>
        var LINE = <?php echo $line; ?>;

        function $(selector, node){
            var elements;

            node = node || document;
            if(document.querySelectorAll){
                elements = node.querySelectorAll(selector);
            } else {
                switch(selector.substr(0, 1)){
                    case '#':
                        elements = [node.getElementById(selector.substr(1))];
                        break;
                    case '.':
                        if(document.getElementsByClassName){
                            elements = node.getElementsByClassName(selector.substr(1));
                        } else {
                            elements = get_elements_by_class(selector.substr(1), node);
                        }
                        break;
                    default:
                        elements = node.getElementsByTagName();
                }
            }
            return elements;

            function get_elements_by_class(search_class, node, tag) {
                var elements = [], eles, 
                    pattern  = new RegExp('(^|\\s)' + search_class + '(\\s|$)');

                node = node || document;
                tag  = tag  || '*';

                eles = node.getElementsByTagName(tag);
                for(var i = 0; i < eles.length; i++) {
                    if(pattern.test(eles[i].className)) {
                        elements.push(eles[i])
                    }
                }

                return elements;
            }
        }

        $.getScript = function(src, func){
            var script = document.createElement('script');
            
            script.async  = 'async';
            script.src    = src;
            script.onload = func || function(){};
            
            $('head')[0].appendChild(script);
        }

        ;(function(){
            var files = $('.toggle');
            var ol    = $('ol', $('.prettyprint')[0]);
            var li    = $('li', ol[0]);   

            // 短路径和长路径变换
            for(var i = 0; i < files.length; i++){
                files[i].ondblclick = function(){
                    var title = this.title;

                    this.title = this.innerHTML;
                    this.innerHTML = title;
                }
            }

            // 设置出错行
            var err_line = $('.line-' + LINE, ol[0])[0];
            err_line.className = err_line.className + ' line-error';

            $.getScript('//cdn.bootcss.com/prettify/r298/prettify.min.js', function(){
                prettyPrint();

                // 解决Firefox浏览器一个很诡异的问题
                // 当代码高亮后，ol的行号莫名其妙的错位
                // 但是只要刷新li里面的html重新渲染就没有问题了
                if(window.navigator.userAgent.indexOf('Firefox') >= 0){
                    ol[0].innerHTML = ol[0].innerHTML;
                }
            });

        })();
    </script>
    <?php }else{ ?>

        <script type="text/javascript">
            setTimeout(function(){
                history.go(-1);
        　　},3000);　　　　
        </script>
    <?php } ?>

</body>
</html>
